

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Invoice</title>
    <link href="/css/dialog.css" rel="stylesheet" type="text/css" />
    <script src="/js/ADS.js" type="text/javascript"></script>
    <style type="text/css" media="print">
        .NoPrint
        {
            display: none;
        }
    </style>
</head>
<body style="font-size: 12px">
    <form method="post" action="Invoice.aspx?orderid=46" id="theForm">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTc1NzY2MzczNw9kFgICAQ9kFiQCAQ8PFgIeBFRleHQFCTExMDUxNzAwMWRkAgMPDxYCHwAFBWhlbGVuZGQCBQ8PFgIfAAUMb3ZlclNpemVUZXN0ZGQCBw8PFgIfAAUKUE9TLVBheXBhbGRkAgkPDxYCHwAFA0NNVGRkAgsPDxYCHwAFEzIwMTEvMDcvMDQgMDU6Mjc6MThkZAINDw8WAh8ABQU2Mi43NWRkAg8PFgIeC18hSXRlbUNvdW50AgEWAgIBD2QWAmYPFQkBMQgycGMgc3VpdAJBSQYxMDAwMDEDNDRZAjEyATEJNDAuMDAvSEskBTYyLjc1ZAIRDw8WAh8ABQQwLjAwZGQCFQ8PFgIfAAUFMTcuMDBkZAIXDzwrAAkBAA8WBB4IRGF0YUtleXMWAB8BAgFkFgJmD2QWBmYPFQEIMnBjIHN1aXRkAgEPDxYCHwAFATFkZAIFDxYCHwECAhYEAgEPZBYCZg8VAwVTbGFjaxBTYXRpbiBPbiBPdXRzZWFtBTEyLjAwZAICD2QWAmYPFQMFU2xhY2sFQ3JlYW0ENS4wMGQCGw88KwARAQEQFgAWABYAZAIdDw8WAh8ABQQwLjAwZGQCHw8WAh8BAgIWBAIBD2QWAmYPFQcPMnBjIHN1aXQtSmFja2V0C0hpcHMgKFNlYXQpAzY2NgExATADMC4zATBkAgIPZBYCZg8VBw4ycGMgc3VpdC1TbGFjawtIaXBzIChTZWF0KQM2NjYBMQEwAzAuMwEwZAIhD2QWBAIBDw8WAh8ABQUxMC4wMGRkAgMPFgIfAQIBFgICAQ9kFgJmDxUFCDJwYyBzdWl0ATEFRmFsc2UDMS43AzEuN2QCIw8PFgIfAAUFNDAuMDBkZAIlDxYCHwECAhYEZg9kFgRmDxUCE0EgdGVzdCBpbmZvcm1hdGlvbiEFMjAuMDBkAgEPDxYCHgtDb21tYW5kTmFtZQUBMWRkAgEPZBYEZg8VAhVBbm90aGVyIEV4dHJhIENoYXJnZSEFMjAuMDBkAgEPDxYCHwMFATJkZAItDxAPFgYeDURhdGFUZXh0RmllbGQFCm1ldGhvZE5hbWUeDkRhdGFWYWx1ZUZpZWxkBQpwZXJjZW50YWdlHgtfIURhdGFCb3VuZGdkEBUCClBPUy1QYXlwYWwGM09ELVdUFQIFMC4wNTUBMBQrAwJnZ2RkGAIFHl9fQ29udHJvbHNSZXF1aXJlUG9zdEJhY2tLZXlfXxYCBRhyZXBFeHRyYSRjdGwwMCRpbWdEZWxldGUFGHJlcEV4dHJhJGN0bDAxJGltZ0RlbGV0ZQUPR1ZPcmRlckRhdGV0aW1lD2dkj8720pqUunNDL1cHJ7U0GAUr/zaaeVfsdtVL3UBpj0I=" />

<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWCwLVkaewCgKF+LLDDALkn6P1DgLkn+flDgK4/6KDBgKrt/PPDgKZsO/lAgLRxKKXCwKquISwCAKK5LizAgLkgpuUA4Vv4jTybI+Gx3tOOqZCZz9FYlt6+GDDfNlGGvJouzpd" />
    <table border="1" cellpadding="1" cellspacing="1" class="inputTable" style="width: 100%">
        <tr>
            <td align="center" colspan="4">
                <strong><span style="font-size: 25pt">INVOICE</span></strong>
            </td>
        </tr>
        <tr>
            <td style="width: 20%">
                <strong>Invoice#:</strong>
            </td>
            <td style="width: 30%">
                <span id="invoiceNo">110517001</span>
            </td>
            <td style="width: 20%">
                <strong>Dealer:</strong>
            </td>
            <td>
                <span id="userName">helen</span>
            </td>
        </tr>
        <tr>
            <td>
                <strong>RefNo:</strong>
            </td>
            <td>
                <span id="refNo">overSizeTest</span>
            </td>
            <td>
                <strong>Pay Method:</strong>
            </td>
            <td>
                <span id="payMethod">POS-Paypal</span>
            </td>
        </tr>
        <tr>
            <td>
                <strong>Ship Method</strong>
            </td>
            <td>
                <span id="shipMethod">CMT</span>
            </td>
            <td>
                <strong>Total Date</strong>
            </td>
            <td>
                <strong>
                    <span id="totalDate">2011/07/04 05:27:18</span></strong>
            </td>
        </tr>
        <tr>
            <td align="center" colspan="4">
            </td>
        </tr>
    </table>
    <div class="panel">
        <div id="clothCharge" class="blockName">
            <div class="left">
                <strong>Cloth Charges:</strong></div>
            <div class="right">
                <strong>Total Cloth(US$):<span id="clothMoney" class="charge">62.75</span></strong></div>
            <div class="data">
                <table width="100%" class="detail_table">
                    
                            <tr class="detail_head">
                                <td>
                                    No
                                </td>
                                <td style="width: 25%">
                                    Item
                                </td>
                                <td>
                                    Company
                                </td>
                                <td>
                                    Cloth #
                                </td>
                                <td>
                                    Width
                                </td>
                                <td>
                                    Size
                                </td>
                                <td>
                                    QTY
                                </td>
                                <td>
                                    Price
                                </td>
                                <td>
                                    Total US$
                                </td>
                            </tr>
                        
                            <tr>
                                <td>
                                    1
                                </td>
                                <td>
                                    2pc suit
                                </td>
                                <td>
                                    AI
                                </td>
                                <td>
                                    100001
                                </td>
                                <td>
                                    44Y
                                </td>
                                <td>
                                    12
                                </td>
                                <td>
                                    1
                                </td>
                                <td>
                                    40.00/HK$
                                </td>
                                <td>
                                    62.75
                                </td>
                            </tr>
                        
                </table>
            </div>
        </div>
        <div id="itemCharge" class="blockName">
            <div class="left">
                <strong>Item Charges:</strong>
            </div>
            <div class="right">
                <strong>Total Item(US$):<span id="itemMoney" class="charge">0.00</span></strong>
            </div>
            <div class="data">
                <table width="100%" class="detail_table">
                    
                </table>
            </div>
        </div>
        <div id="styleCharge" class="blockName">
            <div class="left">
                <strong>Style Charges:</strong>
            </div>
            <div class="right">
                <strong>Total Style(US$):<span id="styleMoney" class="charge">17.00</span></strong>
            </div>
            <div class="data">
                <table id="dlItem" cellspacing="0" width="99%">
	<tr>
		<td>
                        <table style="width: 60%">
                            <tr>
                                <td colspan="2">
                                    <strong>
                                        2pc suit
                                        [<strong>Qty:
                                            <span id="dlItem_Qty_0">1</span></strong>]
                                    </strong>
                                    <input type="hidden" name="dlItem$ctl00$hforderitemid" id="dlItem_hforderitemid_0" value="161" />
                                </td>
                            </tr>
                            <tr>
                                <td width="3%">
                                </td>
                                <td>
                                    <table width="100%">
                                        
                                                <tr class="detail_head">
                                                    <td>
                                                        <strong>Style Name</strong>
                                                    </td>
                                                    <td>
                                                        <strong>Price</strong>
                                                    </td>
                                                </tr>
                                            
                                                <tr>
                                                    <td>
                                                        Slack_Satin On Outseam
                                                    </td>
                                                    <td>
                                                        12.00
                                                    </td>
                                                </tr>
                                            
                                                <tr>
                                                    <td>
                                                        Slack_Cream
                                                    </td>
                                                    <td>
                                                        5.00
                                                    </td>
                                                </tr>
                                            
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
	</tr>
</table>
            </div>
        </div>
        <div id="RushCharge" style="display: none" class="blockName">
            <div class="left">
                <strong>Rush Charge</strong>
            </div>
            <div class="right">
                <strong>Total Rush(US$):
                    <span id="rushMoney" class="charge">0.00</span></strong>
            </div>
            <div class="data">
                <div>

</div>
            </div>
        </div>
        <div id="OverSizeCharges" class="blockName">
            <div class="left">
                <strong>OverSize Charges:</strong>
            </div>
            <div class="right">
                <strong>Total OverSize(US$):<span id="overSizeMoney" class="charge">0.00</span></strong>
            </div>
            <div class="data">
                <table width="100%" class="detail_table">
                    
                            <tr class="detail_head">
                                <td style="width: 25%">
                                    Item
                                </td>
                                <td>
                                    Size Item
                                </td>
                                <td>
                                    Size
                                </td>
                                <td>
                                    QTY
                                </td>
                                <td>
                                    Item Price
                                </td>
                                <td>
                                    Percentage
                                </td>
                                <td>
                                    Total
                                </td>
                            </tr>
                        
                            <tr>
                                <td>
                                    2pc suit-Jacket
                                </td>
                                <td style="width: 25%">
                                    Hips (Seat)
                                </td>
                                <td>
                                    666
                                </td>
                                <td>
                                    1
                                </td>
                                <td>
                                    0
                                </td>
                                <td>
                                    0.3
                                </td>
                                <td>
                                    0
                                </td>
                            </tr>
                        
                            <tr>
                                <td>
                                    2pc suit-Slack
                                </td>
                                <td style="width: 25%">
                                    Hips (Seat)
                                </td>
                                <td>
                                    666
                                </td>
                                <td>
                                    1
                                </td>
                                <td>
                                    0
                                </td>
                                <td>
                                    0.3
                                </td>
                                <td>
                                    0
                                </td>
                            </tr>
                        
                </table>
            </div>
        </div>
        <div id="ShippingCharges" class="blockName">
            <div class="left">
                <strong>Shipping Charges:</strong>
            </div>
            <div class="right">
                <strong>Total Shipping(US$):<span id="shipMoney" class="charge">10.00</span></strong>
            </div>
            <div class="data">
                <table>
                    <tr>
                        <td style="width: 50%; vertical-align: top">
                            <table width="100%" class="detail_table">
                                
                                        <tr class="detail_head">
                                            <td>
                                                Item
                                            </td>
                                            <td>
                                                QTY
                                            </td>
                                            <td>
                                                FT
                                            </td>
                                            <td>
                                                Weight
                                            </td>
                                            <td>
                                                Total(kg)
                                            </td>
                                        </tr>
                                    
                                        <tr>
                                            <td>
                                                2pc suit
                                            </td>
                                            <td>
                                                1
                                            </td>
                                            <td>
                                                False
                                            </td>
                                            <td>
                                                1.7
                                            </td>
                                            <td>
                                                1.7
                                            </td>
                                        </tr>
                                    
                            </table>
                        </td>
                        <td>
                            <span lang="EN-US" style="font-size: 8pt; font-family: Georgia;">
                                Dealer
                                is responsible for additional shipping charge if actual costs are greater than Estimated
                                Shipping Charge. If Shipping Costs are lower than Estimated Shipping Charge, a credit
                                for the difference will be provided.&nbsp;
                            </span>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div id="extraCharge" class="blockName">
            <div class="left">
                <b>Extra Charge:</b>
            </div>
            <div class="right">
                <strong>Total Extras(US$):<span id="extraMoney" class="charge">40.00</span></strong>
            </div>
            <div class="data">
                <table width="80%">
                    
                            <tr>
                                <td>
                                    A test information!
                                </td>
                                <td>
                                    20.00
                                </td>
                                <td>
                                    <input type="image" name="repExtra$ctl00$imgDelete" id="repExtra_imgDelete_0" class="NoPrint" disabled="disabled" src="/images/grv_delete.gif" onclick="return confirm(&#39;Are You Sure to Delete?&#39;);" />
                                </td>
                            </tr>
                        
                            <tr>
                                <td>
                                    Another Extra Charge!
                                </td>
                                <td>
                                    20.00
                                </td>
                                <td>
                                    <input type="image" name="repExtra$ctl01$imgDelete" id="repExtra_imgDelete_1" class="NoPrint" disabled="disabled" src="/images/grv_delete.gif" onclick="return confirm(&#39;Are You Sure to Delete?&#39;);" />
                                </td>
                            </tr>
                        
                </table>
                <div class="NoPrint" disabled="disabled" style="margin-left: 10px">
                    <b>Extra Charge:</b>
                    <input name="Extra" type="text" id="Extra" disabled="disabled" class="number" />
                    <b>Remark:</b>
                    <input name="Remark" type="text" id="Remark" disabled="disabled" />
                    <input type="submit" name="addExtras" value="Add" id="addExtras" disabled="disabled" />
                </div>
            </div>
        </div>
        <div class="data">
            <table border="1" cellpadding="0" cellspacing="0" class="inputTable" style="width: 100%">
                <tr>
                    <td>
                        <strong>Payment Method:</strong>
                        <select name="ddlpayMethod" id="ddlpayMethod" disabled="disabled" onChange="totalCharge()">
	<option value="0.055">POS-Paypal</option>
	<option value="0">3OD-WT</option>

</select>
                    </td>
                    <td align="right">
                        <strong>Preliminary Total(US$):</strong>
                        <span id="finalTotal">0.00</span>
                        <input type="hidden" name="hftotal" id="hftotal" />
                    </td>
                </tr>
                <tr>
                    <td colspan="2" align="left" width="68%" style="font-size: 8pt">
                        <p class="default" style="margin: 0cm 0cm 0pt">
                            <span lang="EN-US" style="font-size: 8pt; font-family: Georgia;">Preliminary Total.
                                Adjustments may be made to this total depending details of the order. Please check
                                back periodically to see if there are any revisions. Total will be finalized prior
                                to shipment and will also be listed in your "My Account". </span>
                        </p>
                    </td>
                </tr>
            </table>
        </div>
        <div style="text-align: center; width: 70%; float: left">
            <input type="submit" name="Total" value="Total" id="Total" disabled="disabled" class="NoPrint" />
            <input type="button" class="NoPrint" value="Print" onclick='window.print()' />
        </div>
        <div style="text-align: left; width: 28%; float: left">
        </div>
        <div style="clear: both">
        </div>
    </div>
    </form>
    <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
    <input type="hidden" name="cmd" value="_s-xclick" />
    <input type="hidden" name="hosted_button_id" value="1969342" />
    <table class="NoPrint">
        <tr>
            <td>
                <input type="hidden" name="on0" value="Enter Invoice / Grand Total as QUANTITY in PAYMENT PAGE" />
                Enter Invoice / Grand Total as QUANTITY in PAYMENT PAGE Grand Total as QUANTITY
                in PAYMENT PAGE UANTITY in PAYMENT PAGE
            </td>
        </tr>
        <tr>
            <td>
                <input type="text" name="os0" maxlength="60" />
            </td>
        </tr>
    </table>
    </form>
    <script type="text/javascript" language="javascript">
        ADS.addEvent(window, 'load', totalCharge);
        var extras = ADS.getElementByClassName("extra", "input");
        for (var i = 0; i < extras.length; i++) {
            ADS.addEvent(extras[i], 'change', function () {
                if (parseInt(this.value) > 0) {
                    ADS.$('extraCharge').className = 'blockName';
                }
                totalCharge();
            });
        }
        ADS.addEvent(ADS.$('Total'), 'click', totalCharge);
        function totalCharge() {
            var total = 0;
            var charges = ADS.getElementByClassName('charge');
            for (var i = 0; i < charges.length; i++) {
                if (charges[i].value) {
                    total += parseFloat(charges[i].value);
                }
                else {
                    total += parseFloat(charges[i].innerHTML);
                }

            }
            ADS.$('hftotal').value = total.toFixed(2);
            var percentage = parseFloat(ADS.$('ddlpayMethod').value);
            total = total * (1 + percentage);
            ADS.$('finalTotal').innerHTML = total.toFixed(2);
        }
    </script>
</body>
</html>
